<template>
  <div>
  <!--  <img class="error_img" :src="error404">-->
    <div id="error">
      <p>404<p>
      <p>page not found</p>
    </div>
  </div>
</template>

<script>
  import error404 from 'src/assets/images/404.jpg'
export default {
  name: 'error404',
  data () {
    return {
      error404:error404
    }
  }
}
</script>


<style  rel="stylesheet/scss" type="text/css" lang="scss" scoped >
  .error_img{
    width: 400px;
    display: block;
    padding: 40px 0;
    margin:  0 auto;
  }
  #error{
    margin: 200px auto;
    font-size: 70px;
    text-align: center;
    color:#aaa
  }
</style>
